<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/login.css" />
	</head>
	<body>
		<div class="box">
			<div class="title">
				商家联盟后台
			</div>
			<div class="content">
				<div class="contenta">
					登陆平台账号
				</div>
				<div class="contentb">
					<div class="contentba">
						<div class="contentba_img">
							<img src="images/MaleUser.png" />
						</div>
						<div class="contentba_input">
							<input id="nickname" placeholder="请输入登录账号" />
						</div>
					</div>
					<div class="contentba">
						<div class="contentba_img">
							<img src="images/Lock.png" />
						</div>
						<div class="contentba_input">
							<input id="password" type="password" placeholder="请输入登录密码" />
						</div>
					</div>
				</div>
				<div class="contentc">
					<input id="autologin" type="checkbox" />
					<label for="autologin">&nbsp;&nbsp;下次自动登录</label>
				</div>
				<button id="login" class="contentd">登录</button>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="layui/layui.js"></script>
	<script type="text/javascript">
		layui.use('layer', function() {
			var layer = layui.layer;
			$('#login').click(function() {
				if($('#nickname').val().trim() == '') {
					layer.msg('请输入登录账号', {
						icon: 7
					});
				}else if($('#password').val().trim() == ''){
					layer.msg('请输入登录密码', {
						icon: 7
					});
				}else{
					layer.msg('登录成功', {
						icon: 1,
					},function(){
						window.location.href = '###';
					});
				}
			})
		});
	</script>

</html>